@mixin wh($w, $h) {
  width: $w;
  height: $h;
}
.center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bd-search {
  height: 44px;
  display: flex;
  box-sizing: border-box;
  span {
    display: inline-block;
  }
  .input {
    @include wh(546px, 100%);
    position: relative;
    input {
      height: 16px;
      padding: 12px 16px;
      width: 100%;
      height: 100%;
      border: 2px solid #c4c7ce;
      border-right: none;
      border-radius: 10px 0 0 10px;
      box-sizing: border-box;
      outline: none;
      &:hover {
        border: 2px solid rgba(167, 170, 181);
        border-right: none;
      }
    }
    .icon-camera {
      font-size: 22px;
      color: rgba(167, 170, 181);
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      cursor: pointer;
      &:hover {
        color: #4e6ef2;
      }
    }
    ul {
      list-style: none;
    }
  }
  // query列表中有数据
  .selectlist {
    box-sizing: content-box !important;
    input {
      border-bottom: none !important;
      border-radius: 10px 0 0 0;
    }
    .searchlist {
      z-index: 999;
      background-color: white;
      border: 2px solid #4e6ef2;
      border-top: none;
      border-radius: 0 0 10px 10px;
      margin-right: -2px;
      ul {
        list-style: none;
        width: 96%;
        margin: 0 auto;
        // max-height: 300px;
        // overflow-y: scroll;
        border-top: 2px solid rgba(245, 245, 246);
        li:first-of-type {
          margin-top: 10px;
        }
        li:last-of-type {
          margin-bottom: 10px;
        }
        li {
          font-size: 14px;
          padding: 4px 0;
          margin: 10px 0;
          cursor: pointer;
          &:hover {
            background-color: rgba(245, 245, 246);
            color: #4e6ef2;
          }
        }
      }
    }
  }
  .btn {
    z-index: 99;
    @include wh(108px, 100%);
    border: 2px solid #4e6ef2;
    background-color: #4e6ef2;
    box-sizing: border-box;
    border-radius: 0 10px 10px 0;
    input {
      @include wh(100%, 100%);
      background-color: transparent;
      border: none;
      color: white;
      font-size: 17px;
      cursor: pointer;
    }
  }
}
